<template>
    <div class="list">
        <my-item v-for="(todo,index) in todos" :key="todo.id" :todo="todo" :deleteTodo="deleteTodo" :index="index" :updateTodo="updateTodo"/>
    </div>
</template>
<script lang='ts'>
import { defineComponent } from 'vue'
import MyItem from './Item.vue'
export default defineComponent({
    name: 'MyList',
    components:{
        MyItem   
    },
    props:['todos','deleteTodo','updateTodo']
})
</script>
<style scoped lang="scss">
.list{
    width: 80%;
    box-sizing: border-box;
    padding: 10px;
    margin: 10px auto;
    border: 1px dashed blueviolet;
}
</style>